<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN">

<head>
    <link rel="shortcut icon" href="http://ronghuanet.cn/public/index/img/rhicon.png">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1">
    <!-- 网站头像 -->
    <link rel="shortcut icon" href="img/test//logo_small.jpg"/>
    <link type="text/css" rel="stylesheet" href="css/iconfont.css">
    <link type="text/css" rel="stylesheet" href="css/common.css">
    <!--整站改色 _start-->
    <link type="text/css" rel="stylesheet" href="css/color-style.css">
    <!--整站改色 _end-->
    <link rel="stylesheet" href="css/layer.css" id="layuicss-skinlayercss">
    <script type="text/javascript" src="js/jquery.js"></script>
    <script type="text/javascript" src="js/jquery.cookie.js"></script>
    <script type="text/javascript" src="js/layer.js"></script>
    <script type="text/javascript" src="js/jquery.method.js"></script>
    <script type="text/javascript" src="js/jquery.modal.js"></script>
    <script type="text/javascript" src="js/common.js"></script>
    <!-- 图片缓载js -->
    <script type="text/javascript" src="js/jquery.lazyload.js"></script>

    <script type="text/javascript" src="js/plugins/vue/dist/vue.js"></script>
    <script type="text/javascript" src="js/plugins/axios/dist/axios.js"></script>
    <script src="/js/axios.common.js"></script>
    <script src="js/jquery.cookie.js"></script>


    <script type="text/javascript">
        $(document).ready(function () {
            // 搜索框提示显示
            $('.SZY-SEARCH-BOX .SZY-SEARCH-BOX-KEYWORD').focus(function () {
                $(".SZY-SEARCH-BOX .SZY-SEARCH-BOX-HELPER").show();
            });
            // 搜索框提示隐藏
            $(".SZY-SEARCH-BOX-HELPER .close").on('click', function () {
                $(".SZY-SEARCH-BOX .SZY-SEARCH-BOX-HELPER").hide();
            });
            // 清除记录
            $(".SZY-SEARCH-BOX-HELPER .clear").click(function () {
                var url = '/search/clear-record.html';
                $.post(url, {}, function (result) {
                    if (result.code == 0) {
                        $(".history-results .active").empty();
                    } else {
                    }
                }, 'json');
            });

            $(".SZY-SEARCH-BOX-TOP .SZY-SEARCH-BOX-SUBMIT-TOP").click(function () {
                if ($(".search-li-top.curr").attr('num') == 0) {
                    var keyword_obj = $(this).parents(".SZY-SEARCH-BOX-TOP").find(".SZY-SEARCH-BOX-KEYWORD");

                    var keywords = $(keyword_obj).val();
                    if ($.trim(keywords).length == 0 || $.trim(keywords) == "请输入关键词") {
                        keywords = $(keyword_obj).data("searchwords");
                    }
                    $(keyword_obj).val(keywords);
                }
                $(this).parents(".SZY-SEARCH-BOX-TOP").find(".SZY-SEARCH-BOX-FORM").submit();
            });

            $(".SZY-SEARCH-BOX .SZY-SEARCH-BOX-SUBMIT").click(function () {
                if ($(".search-li.curr").attr('num') == 0) {
                    var keyword_obj = $(this).parents(".SZY-SEARCH-BOX").find(".SZY-SEARCH-BOX-KEYWORD");

                    var keywords = $(keyword_obj).val();
                    if ($.trim(keywords).length == 0 || $.trim(keywords) == "请输入关键词") {
                        keywords = $(keyword_obj).data("searchwords");
                    }
                    $(keyword_obj).val(keywords);
                }
                $(this).parents(".SZY-SEARCH-BOX").find(".SZY-SEARCH-BOX-FORM").submit();
            });
        });

        function search_box_remove(key) {
            var url = '/search/delete-record.html';
            $.post(url, {
                data: key
            }, function (result) {
                if (result.code == 0) {
                    $("#" + key).css("display", "none");
                } else {

                }
            }, 'json');
        }

        $(document).on("click", function (e) {
            var target = $(e.target);
            if (target.closest(".SZY-SEARCH-BOX").length == 0) {
                $('.SZY-SEARCH-BOX-HELPER').hide();
            }
        });
    </script>
    <title>荣华课堂</title>
</head>

<body class="pace-done">
<!-- 站点头部 -->
<!-- 判断url链接 -->
<!-- 引入头部文件 -->
<!-- 头部滚动通栏悬浮框 _start -->
<!-- 注意此效果只在首页面展示 -->

<!-- 头部广告 _end 注意：此广告只在网站首页展示 -->
<div class="header-top">
    <div class="header-box">

        <!-- 站点 -->
        <!--站点 start-->
        <div class="SZY-SUBSITE">

        </div>
        <!--站点 end-->
        <font id="login-info" class="login-info SZY-USER-NOT-LOGIN">
            <a class="login color" href="http://127.0.0.1:80/login.html" target="_top">请登录</a>
            <a class="register" href="http://127.0.0.1:80/reg.phone.html" target="_top">免费注册</a>
        </font>
        <font id="login-info" class="login-info SZY-USER-ALREADY-LOGIN" style="display: none;">
            <em>
                <a href="http://127.0.0.1:8081" target="_blank" class="color SZY-USER-NAME"></a>
                <!--欢迎您回来!-->
            </em>
            <a href="/sso/logout">退出</a>
        </font>

        <ul>
            <li>
                <a class="menu-hd home" href="/" target="_top">
                    <i></i> 课程首页
                </a>
            </li>
            <li class="menu-item">
                <div class="menu">
                    <a class="menu-hd myinfo" href="http://127.0.0.1:8082" target="_blank">
                        <i></i> 会员中心
                        <b></b>
                    </a>
                </div>
            </li>
            <li class="menu-item cartbox">
                <div class="menu">
                    <a class="menu-hd cart" href="/user/cart" target="_top">
                        <i></i> 购物车
                        <span class="SZY-CART-COUNT">0</span>
                        <b></b>
                    </a>
                    <div id="menu-4" class="menu-bd cart-box-main">
                        <span class="menu-bd-mask"></span>
                        <div class="dropdown-layer">
                            <div class="spacer"></div>
                            <div class="dropdown-layer-con cartbox-goods-list">

                                <!-- 正在加载 -->
                                <div class="cart-type">
                                    <i class="cart-type-icon"></i>
                                </div>

                            </div>
                        </div>
                    </div>
                </div>
            </li>

            <li class="menu-item">
                <div class="menu">
                    <a class="menu-hd we-chat" href="" target="_top">
                        <i></i> 关注蓉华
                        <b></b>
                    </a>
                    <div id="menu-5" class="menu-bd we-chat-qrcode">
                        <span class="menu-bd-mask"></span>
                        <a target="_top">
                            <img src="img/test/mall_wx_qrcode_0.jpg" alt="官方微信">
                        </a>
                        <p class="font-14">关注官方微信</p>
                    </div>
                </div>
            </li>

            <li class="menu-item">
                <div class="menu">
                    <a href="" class="menu-hd site-nav" target="_blank">
                        更多支持
                        <b></b>
                    </a>
                    <div id="menu-7" class="menu-bd site-nav-main">
                        <span class="menu-bd-mask"></span>
                        <div class="menu-bd-panel">
                            <div class="site-nav-con">

                                <a href="article/info?id=38" target="_blank" title="新手上路">新手上路</a>

                                <a href="article/info?id=38" target="_blank" title="支付方式">支付方式</a>

                                <a href="article/list/3.html" target="_blank" title="配送服务">配送服务</a>

                                <a href="article/list/4.html" target="_blank" title="售后服务">售后服务</a>

                                <a href="article/info?id=38" target="_blank" title="学校合作">学校合作</a>

                                <a href="list.html?cat_id=17" target="_blank" title="学校街">学校街</a>

                            </div>
                        </div>
                    </div>
                </div>
            </li>

        </ul>
    </div>
</div>
<div class="header">
    <div class="w1210">
        <div class="logo-info">
            <a href="/" class="logo">
                <img src="http://ronghuanet.cn/upload/images/20220402/0d0a48af94e599cce56f4e2d99fcaf5e_236x67.png"
                     height="80px">
            </a>

            <!-- logo右侧小广告 _start -->
            <a href="#" class="logo-right">
                <img src="img/test/mall_logo_right_ad_image_0.png">
            </a>
            <!-- logo右侧小广告 _end -->

        </div>
        <div class="search SZY-SEARCH-BOX">
            <form class="search-form SZY-SEARCH-BOX-FORM" method="get" action="/list.html">
                <div class="search-info">
                    <div class="search-type-box">
                        <ul class="search-type">
                            <li class="search-li curr" num="0">课程</li>
                            <li class="search-li" num="1">学校</li>
                        </ul>
                        <i></i>
                    </div>
                    <div class="search-box">
                        <div class="search-box-con">
                            <input type="text" class="keyword search-box-input SZY-SEARCH-BOX-KEYWORD" name="keyword"
                                   tabindex="9" autocomplete="off" data-searchwords="课程" placeholder="搜索 课程"
                                   value="">
                        </div>
                    </div>
                    <button id="btn_search_box_submit" class="button  btn_search_box_submit SZY-SEARCH-BOX-SUBMIT"
                            style="background-color: #E31939"></button>
                </div>
                <!---热门搜索热搜词显示--->

                <div class="search-results hide SZY-SEARCH-BOX-HELPER">
                    <ul class="history-results">
                        <li class="title">
                            <span>最近搜索</span>
                            <a href="javascript:void(0);" class="clear-history clear">
                                <i></i> 清空
                            </a>
                        </li>
                        <!---->
                    </ul>
                    <ul class="rec-results">
                        <li class="title">
                            <span>正在热搜中</span>
                            <i class="close"></i>
                        </li>

                        <li>
                            <a target="_blank" href="#">SpringBoot</a>
                        </li>

                        <li>
                            <a target="_blank" href="#">SpringCloud</a>
                        </li>

                        <li>
                            <a target="_blank" href="#">微服务</a>
                        </li>

                        <li>
                            <a target="_blank" href="#">Redis</a>
                        </li>

                        <li>
                            <a target="_blank" href="#">K8S</a>
                        </li>

                    </ul>
                </div>
            </form>
            <ul class="hot-query">
                <!-- 默认搜索词 -->

                <li class="first">
                    <a href="#">Java</a>
                </li>

                <li>
                    <a href="#">微服务</a>
                </li>

                <li>
                    <a href="#">Redis</a>
                </li>

                <li>
                    <a href="#">SpringCloud</a>
                </li>

                <li>
                    <a href="#">VUE</a>
                </li>

                <li>
                    <a href="#">小程序</a>
                </li>

                <li>
                    <a href="#">ElasticSearch</a>
                </li>

                <li>
                    <a href="#">SpringBoot</a>
                </li>

            </ul>
        </div>

        <!-- 搜索框右侧小广告 _start -->

        <div class="header-right">
            <a href="#" title="">
                <img src="img/test/mall_search_right_ad_image_0.png">
            </a>
        </div>

        <!-- 搜索框右侧小广告 _end -->

    </div>
</div>

<!-- 站点导航 -->
<!-- 内容 -->
<!--顶部topbar-->
<!-- #nav_region_start -->
<!-- #nav_region_end -->
<!--页面css/js-->
<link type="text/css" rel="stylesheet" href="css/index.css">
<script type="text/javascript" src="js/index.js"></script>
<script type="text/javascript" src="js/tabs.js"></script>
<script type="text/javascript" src="js/jquery.countdown.js"></script>
<script type="text/javascript" src="js/bubbleup.js"></script>
<script type="text/javascript" src="js/jquery.hiSlider.js"></script>
<script type="text/javascript" src="js/index_tab.js"></script>
<script type="text/javascript" src="js/jump.js"></script>
<script type="text/javascript" src="js/nav.js"></script>
<!-- 判断url链接 -->

<div class="category-box">
    <div class="w1210">
        <div class="home-category fl">
            <a href="category.html" class="menu-event" title="查看全部课程分类">
                <i></i> 全部课程分类
            </a>
        </div>

        <div class="all-category fl" id="nav">
            <ul>

                <li class="fl">
                    <a class="nav current" href="/" target="_blank" title="学习提升">学习提升</a>
                    <!-- 导航小标签 _start -->

                    <!-- 导航小标签 _end -->
                </li>

                <li class="fl">
                    <a class="nav " href="#" target="_blank" title="找工作">找工作</a>
                    <!-- 导航小标签 _start -->

                    <!-- 导航小标签 _end -->
                </li>

                <li class="fl">
                    <a class="nav " href="#" target="_blank" title="社交">社交</a>
                    <!-- 导航小标签 _start -->

                    <!-- 导航小标签 _end -->
                </li>

                <li class="fl">
                    <a class="nav " href="#" target="_blank" title="学历深造">学历深造</a>
                    <!-- 导航小标签 _start -->

                    <span class="nav-icon">
						<img src="img/test/14766722355540.gif">
					</span>

                    <!-- 导航小标签 _end -->
                </li>


                <li class="fr">
                    <a class="nav " href="#" target="_blank" title="帮助中心">帮助中心</a>
                    <!-- 导航小标签 _start -->

                    <!-- 导航小标签 _end -->
                </li>

                <li class="fr">
                    <a class="nav " href="#" target="_blank" title="学校合作">学校合作</a>
                    <!-- 导航小标签 _start -->

                    <span class="nav-icon">
						<img src="img/test/14766722553394.gif">
					</span>

                    <!-- 导航小标签 _end -->
                </li>

                <li class="fl">
                    <a class="nav " href="#" target="_blank" title="一折限量专区">抢购专区</a>
                    <!-- 导航小标签 _start -->

                    <span class="nav-icon">
						<img src="img/test/14794053929710.gif">
					</span>

                    <!-- 导航小标签 _end -->
                </li>

            </ul>
            <div class="wrap-line" style="left: 0px; width: 72px;">
                <span style="left: 15px;"></span>
            </div>
        </div>

        <div class="category-layer">
            <span class="category-layer-bg bg-color" style="background-color: #dae9f3"></span>
            <span style="display:none;"><%@page pageEncoding="UTF-8"%></span>
            <!-- start list 一级分类循环体 -->
            <div class="list">
                <dl class="cat">
                    <dt class="cat-name">
                        <i class="iconfont ${firstType.logo}"></i>
                        <a href="/list.html?courseTypeId=1037" target="_blank" title="IT课程11">IT课程</a>
                    </dt>
                    <i class="right-arrow">&gt;</i>
                </dl>
                <div class="categorys">
                    <div class="item-left fl">
                        <div class="subitems">
                            <!-- 二级分类循环体 -->
                            <dl class="fore1">
                                <dt style="width: 4em;">
                                    <a href="/list.html?courseTypeId=1039" target="_blank" title="Java技术">
                                        <em>Java技术</em> <i>&gt;</i>
                                    </a>
                                </dt>
                                <dd>
                                    <!-- 三级分类循环体 -->
                                    <a href="/list.html?courseTypeId=1040" target="_blank" title="java基础">java基础</a>
                                    <a href="/list.html?courseTypeId=1065" target="_blank" title="1">java web</a>
                                    <a href="/list.html?courseTypeId=1066" target="_blank" title="2">Spring框架</a>
                                </dd>
                            </dl>
                            <dl class="fore1">
                                <dt style="width: 4em;">
                                    <a href="/list.html?courseTypeId=1041" target="_blank" title="UI基础">
                                        <em>UI基础</em> <i>&gt;</i>
                                    </a>
                                </dt>
                                <dd>
                                    <!-- 三级分类循环体 -->
                                </dd>
                            </dl>
                            <dl class="fore1">
                                <dt style="width: 4em;">
                                    <a href="/list.html?courseTypeId=1042" target="_blank" title="UI初级">
                                        <em>UI初级</em> <i>&gt;</i>
                                    </a>
                                </dt>
                                <dd>
                                    <!-- 三级分类循环体 -->
                                </dd>
                            </dl>

                        </div>
                    </div>
                    <div class="item-right fr">
                        <!-- 品牌logo -->
                        <div class="item-brands">
                            <div class="brands-inner">
                                <img src="img/test/cat-ad.png"/>
                            </div>
                        </div>
                        <!-- 分类广告图片 -->
                    </div>
                </div>
            </div>
            <div class="list">
                <dl class="cat">
                    <dt class="cat-name">
                        <i class="iconfont ${firstType.logo}"></i>
                        <a href="/list.html?courseTypeId=1038" target="_blank" title="财务课程">财务课程</a>
                    </dt>
                    <i class="right-arrow">&gt;</i>
                </dl>
                <div class="categorys">
                    <div class="item-left fl">
                        <div class="subitems">
                            <!-- 二级分类循环体 -->
                        </div>
                    </div>
                    <div class="item-right fr">
                        <!-- 品牌logo -->
                        <div class="item-brands">
                            <div class="brands-inner">
                                <img src="img/test/cat-ad.png"/>
                            </div>
                        </div>
                        <!-- 分类广告图片 -->
                    </div>
                </div>
            </div>
            <div class="list">
                <dl class="cat">
                    <dt class="cat-name">
                        <i class="iconfont ${firstType.logo}"></i>
                        <a href="/list.html?courseTypeId=1043" target="_blank" title="设计">艺术设计</a>
                    </dt>
                    <i class="right-arrow">&gt;</i>
                </dl>
                <div class="categorys">
                    <div class="item-left fl">
                        <div class="subitems">
                            <!-- 二级分类循环体 -->
                            <dl class="fore1">
                                <dt style="width: 4em;">
                                    <a href="/list.html?courseTypeId=1044" target="_blank" title="画图初级">
                                        <em>美术基础</em> <i>&gt;</i>
                                    </a>
                                </dt>
                                <dd>
                                    <!-- 三级分类循环体 -->
                                </dd>
                            </dl>
                            <dl class="fore1">
                                <dt style="width: 4em;">
                                    <a href="/list.html?courseTypeId=1045" target="_blank" title="画图中级">
                                        <em>电脑制图</em> <i>&gt;</i>
                                    </a>
                                </dt>
                                <dd>
                                    <!-- 三级分类循环体 -->
                                </dd>
                            </dl>
                            <dl class="fore1">
                                <dt style="width: 4em;">
                                    <a href="/list.html?courseTypeId=1046" target="_blank" title="画图高级">
                                        <em>高级插画</em> <i>&gt;</i>
                                    </a>
                                </dt>
                                <dd>
                                    <!-- 三级分类循环体 -->
                                </dd>
                            </dl>

                        </div>
                    </div>
                    <div class="item-right fr">
                        <!-- 品牌logo -->
                        <div class="item-brands">
                            <div class="brands-inner">
                                <img src="img/test/cat-ad.png"/>
                            </div>
                        </div>
                        <!-- 分类广告图片 -->
                    </div>
                </div>
            </div>
            <!-- end list -->        </div>
    </div>
</div>
<div class="template-one">
    <!-- banner模块 _start -->
    <div class="banner">
        <!-- banner轮播 _start -->
        <ul id="fullScreenSlides" class="full-screen-slides">

            <li style="background: url(img/test/bigpic1.png) center center; display: list-item;">
                <a href="article/info?id=39" target="_blank" title="">&nbsp;</a>
            </li>

            <li style="background: url(img/test/bigpic1.png) center center; display: none;">
                <a href="article/info?id=39" target="_blank" title="">&nbsp;</a>
            </li>

            <li style="background: url(img/test/bigpic1.png) center center;display: none;">
                <a href="article/info?id=39" target="_blank" title="">&nbsp;</a>
            </li>

            <li style="background: url(img/test/bigpic1.png) center center;  display:none;">
                <a href="article/info?id=39" target="_blank" title="">&nbsp;</a>
            </li>

            <li style="background: url(img/test/bigpic1.png) center center;  display:none;">
                <a href="article/info?id=39" target="_blank" title="">&nbsp;</a>
            </li>

        </ul>

        <ul class="full-screen-slides-pagination">

            <li class="current">
                <a href="javascript:void(0);">0</a>
            </li>

            <li class="">
                <a href="javascript:void(0);">1</a>
            </li>

            <li class="">
                <a href="javascript:void(0);">2</a>
            </li>

            <li>
                <a href="javascript:void(0);">3</a>
            </li>

            <li>
                <a href="javascript:void(0);">4</a>
            </li>

        </ul>
        <!-- banner轮播 _end -->

        <div class="right-sidebar SZY-TEMPLATE-NAV-CONTAINER">

            <!-- 促销活动版式1 -->
            <!-- banner右侧限时抢购 _start -->
            <div class="sale-discount">

                <ul class="saleDiscount">

                    <li>
                        <div class="sale-con">
                            <div class="goods-info">
                                <div class="goods-detail">
                                    <p class="time-remain" data-end_time="2019/11/28 11:11:42"><span><em
                                            class="bg-color">1042</em> 天 <em class="bg-color">23</em> 小时 <em
                                            class="bg-color">49</em> 分 <em class="bg-color">16</em> 秒</span></p>
                                    <a href="#" target="_blank" class="goods-thumb">
                                        <img src="img/test/14799957179888.jpg" alt="3332">
                                    </a>
                                    <p class="goods-name">
                                        <a href="#">扫描今日特价课程</a>
                                    </p>
                                    <p class="goods-price">
                                        <span class="color"> ￥200.00 </span>
                                        <span class="goods-discount color">1.0折</span>
                                    </p>
                                </div>
                            </div>
                        </div>
                    </li>

                </ul>

                <div class="arrow pre" style="opacity: 0;"></div>
                <div class="arrow next" style="opacity: 0;"></div>
                <script type="text/javascript">
                    Move(".next", ".pre", ".saleDiscount", ".sale-discount", "1");
                </script>
            </div>
            <!-- banner右侧限时抢购 _end -->

            <!-- 快捷菜单-->
            <!-- banner右侧快捷菜单 _start -->
            <div class="shortcut-menu">

                <ul class="clearfix">

                    <li>
                        <a target="_blank" href="#" title="人气">
                            <img src="img/test/14791931341447.png">
                            <p>人气</p>
                        </a>
                    </li>

                    <li>
                        <a target="_blank" href="#" title="音乐">
                            <img src="img/test/14791931657968.png">
                            <p>音乐</p>
                        </a>
                    </li>

                    <li>
                        <a target="_blank" href="#" title="旅游">
                            <img src="img/test/14791933279555.png">
                            <p>旅游</p>
                        </a>
                    </li>

                    <li>
                        <a target="_blank" href="#" title="加油卡">
                            <img src="img/test/14766710152238.png">
                            <p>加油卡</p>
                        </a>
                    </li>

                    <li>
                        <a target="_blank" href="#" title="宾馆">
                            <img src="img/test/14766710340754.png">
                            <p>酒店</p>
                        </a>
                    </li>

                    <li>
                        <a target="_blank" href="#" title="彩票">
                            <img src="img/test/14766710505400.png">
                            <p>彩票</p>
                        </a>
                    </li>

                    <li>
                        <a target="_blank" href="#" title="电影票">
                            <img src="img/test/14766710655662.png">
                            <p>电影票</p>
                        </a>
                    </li>

                    <li>
                        <a target="_blank" href="#" title="游戏">
                            <img src="img/test/14766710802316.png">
                            <p>游戏</p>
                        </a>
                    </li>

                    <li>
                        <a target="_blank" href="#" title="众筹">
                            <img src="img/test/14766710986894.png">
                            <p>众筹</p>
                        </a>
                    </li>

                </ul>

            </div>
            <!-- banner右侧快捷菜单 _end -->

        </div>

    </div>
    <!-- banner模块 _end -->
</div>

<script type="text/javascript">
    $(document).ready(function () {
        $(".time-remain").each(function (i) {
            var endDate = $(this).data("end_time");
            $(this).countdown({
                date: endDate,
                htmlTemplate: '<span><em class="bg-color">%{d}</em> 天 <em class="bg-color">%{h}</em> 小时 <em class="bg-color">%{m}</em> 分 <em class="bg-color">%{s}</em> 秒</span>',
                onChange: function (event, timer) {

                },
                onComplete: function (event) {
                    $(this).html("活动已经结束啦!");

                    // 超时事件，预留
                },
                leadingZero: true
            });
        });

        //加入购物车
        $('body').on('click', '.add-cart', function (event) {
            var goods_id = $(this).data('goods_id');
            var image_url = $(this).data('image_url');
            $.cart.add(goods_id, 1, {
                is_sku: false,
                image_url: image_url,
                event: event
            });
        });
    });
</script>

<div class="template-one" id="main">
    <div class="floor"></div>
    <div class="w1210 custom-box">
        <div class="custom" style="display: inline-block">
            <a v-for="c in recommendCourses" :href="'/detail.html?courseId='+c.id" target="_blank">
                <img :src="c.pic" width="240" height="150" alt="c.name"
                     style="margin-left: 10px;border-radius: 2px;    "></a>
        </div>
        <a href="article/info?id=40" target="_blank"><img src="img/test/14801613614322.jpg" width="176" height="151"
                                                          alt="" style="margin-left: 8px"></a>
    </div>


    <div class="w1210 floor-list" v-if="killCourses.length > 0">
        <div class="floor" color="#8ed515">
            <div class="floor-layout">
                <div class="floor-con floor-con5">
                    <div class="floor-title">
                        <h2>
                            <span class="floor-name SZY-FLOOR-NAME"> 1F </span>
                            <!-- } -->
                            <a href="search.html?keyword=%E9%9B%B6%E9%A3%9F&amp;type=0" target="_blank"
                               style="color:#FF5A85;">课程秒杀</a>
                            <input type="hidden" value="秒杀" class="SZY-SHORT-NAME">


                        </h2>
                    </div>
                    <div class="floor-content floor-content5" style="border:none;height: auto;">
                        <div class="floor-right" style="width: 100%;height: auto;margin-top: 10px">
                            <!-- 第一屏广告 _start -->
                            <div class="floor-tabs-panel" style="width: 100%;height: auto;">
                                <div v-for="course in killCourses" class="floor-tabs-ad-up"
                                     style="border-radius:5px;width: 221px;height:260px;border: 1px solid #eeeeee;margin: 10px;margin-left: 7px;float: left ;box-shadow: rgba(168, 168, 168, 0.38) 0px 6px 10px 0px;">
                                    <p>
                                        <img style="height: 140px;width: 220px;display: block"
                                             class="lazy" :src="course.coursePic"
                                             data-original="http://images.68mall.com/backend/gallery/2016/10/17/14766705759850.jpg"
                                             style="display: inline;">
                                    </p>
                                    <p style="padding: 10px">
                                        <em class="sale-price second-color" style="font-size: 16px;">¥
                                            {{course.killPrice}}</em>
                                        <em class="sale-count" style="float: right">讲师 {{course.teacherNames}}</em>
                                    </p>
                                    <p style="font-size: 14px;margin: 5px">{{course.courseName}}</p>
                                    <p style="font-size: 14px;margin: 5px;margin-top: 20px">
                                        <span style="color: #ed8072">{{course.timeStr}}</span>

                                        <a class="killStatusBtn" target="_blank"
                                           :href="'/kill-detail.html?courseId='+course.courseId+'&killId='+course.id+'&activeId='+course.activityId"
                                           :style="course.killing?'background-color: #df0021':''">{{course.killStatusName}}</a>
                                    </p>

                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="w1210 floor-list" v-if="hotRecommendClourses.length > 0">
        <div class="floor" color="#8ed515">
            <div class="floor-layout">
                <div class="floor-con floor-con5">
                    <div class="floor-title">
                        <h2>
                            <span class="floor-name SZY-FLOOR-NAME"> 2F </span>
                            <!-- } -->
                            <a href="search.html?keyword=%E9%9B%B6%E9%A3%9F&amp;type=0" target="_blank"
                               style="color:#FF5A85;">热门推荐</a>
                            <input type="hidden" value="热门" class="SZY-SHORT-NAME">


                        </h2>
                    </div>
                    <div class="floor-content floor-content5" style="border:none;height: auto;">
                        <div class="floor-right" style="width: 100%;height: auto;margin-top: 10px">
                            <!--			热门推荐-->
                            <div class="floor-tabs-panel" style="width: 100%;height: auto;">
                                <div v-for="(course,i) in hotRecommendClourses" class="floor-tabs-ad-up"
                                     style="border-radius:5px;width: 221px;height:240px;border: 0px solid #eeeeee;margin: 10px;margin-left: 10px;float: left ;box-shadow: rgba(168,168,168,0.38) 0px 6px 10px 0px;">
                                    <p>

                                        <img style="height: 140px;width: 220px;display: block"
                                             class="lazy" :src="course.pic"
                                             style="display: inline; box-shadow: #33333361 0px 6px 10px 0px;">
                                    </p>
                                    <p style="font-size: 14px;margin: 5px">
                                        <a :href="'/detail.html?courseId='+course.id" target="_blank">
                                            {{course.courseName}}
                                        </a>
                                    </p>
                                    <p style="padding: 10px">
                                        <em class="sale-price second-color" style="font-size: 16px;">¥ 100 </em>
                                        <em class="sale-count" style="float: right">讲师 {{course.teacherNames}}</em>
                                    </p>

                                    </p>

                                </div>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="w1210 floor-list" v-if="hotRecommendClourses.length > 0">
        <div class="floor" color="#8ed515">
            <div class="floor-layout">
                <div class="floor-con floor-con5">
                    <div class="floor-title">
                        <h2>
                            <span class="floor-name SZY-FLOOR-NAME"> 3F </span>
                            <!-- } -->
                            <a href="search.html?keyword=%E9%9B%B6%E9%A3%9F&amp;type=0" target="_blank"
                               style="color:#FF5A85;">新上好课</a>
                            <input type="hidden" value="好课" class="SZY-SHORT-NAME">


                        </h2>
                    </div>
                    <div class="floor-content floor-content5" style="border:none;height: auto;">
                        <div class="floor-right" style="width: 100%;height: auto;margin-top: 10px">
                            <!--			热门推荐-->
                            <div class="floor-tabs-panel" style="width: 100%;height: auto;">
                                <div v-for="(course,i) in hotRecommendClourses" class="floor-tabs-ad-up"
                                     style="border-radius:5px;width: 221px;height:240px;border: 0px solid #eeeeee;margin: 10px;margin-left: 10px;float: left ;box-shadow: rgba(168,168,168,0.38) 0px 6px 10px 0px;">
                                    <p>

                                        <img style="height: 140px;width: 220px;display: block"
                                             class="lazy" :src="course.pic"
                                             style="display: inline; box-shadow: #33333361 0px 6px 10px 0px;">
                                    </p>
                                    <p style="font-size: 14px;margin: 5px">
                                        <a :href="'/detail.html?courseId='+course.id" target="_blank">
                                            {{course.courseName}}
                                        </a>
                                    </p>
                                    <p style="padding: 10px">
                                        <em class="sale-price second-color" style="font-size: 16px;">¥ 100 </em>
                                        <em class="sale-count" style="float: right">讲师 {{course.teacherNames}}</em>
                                    </p>

                                    </p>

                                </div>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="w1210 floor-list" v-if="hotRecommendClourses.length > 0">
        <div class="floor" color="#8ed515">
            <div class="floor-layout">
                <div class="floor-con floor-con5">
                    <div class="floor-title">
                        <h2>
                            <span class="floor-name SZY-FLOOR-NAME"> 4F </span>
                            <!-- } -->
                            <a href="search.html?keyword=%E9%9B%B6%E9%A3%9F&amp;type=0" target="_blank"
                               style="color:#FF5A85;">猜你喜欢</a>
                            <input type="hidden" value="喜欢" class="SZY-SHORT-NAME">


                        </h2>
                    </div>
                    <div class="floor-content floor-content5" style="border:none;height: auto;">
                        <div class="floor-right" style="width: 100%;height: auto;margin-top: 10px">
                            <!--			热门推荐-->
                            <div class="floor-tabs-panel" style="width: 100%;height: auto;">
                                <div v-for="(course,i) in hotRecommendClourses" class="floor-tabs-ad-up"
                                     style="border-radius:5px;width: 221px;height:240px;border: 0px solid #eeeeee;margin: 10px;margin-left: 10px;float: left ;box-shadow: rgba(168,168,168,0.38) 0px 6px 10px 0px;">
                                    <p>

                                        <img style="height: 140px;width: 220px;display: block"
                                             class="lazy" :src="course.pic"
                                             style="display: inline; box-shadow: #33333361 0px 6px 10px 0px;">
                                    </p>
                                    <p style="font-size: 14px;margin: 5px">
                                        <a :href="'/detail.html?courseId='+course.id" target="_blank">
                                            {{course.courseName}}
                                        </a>
                                    </p>
                                    <p style="padding: 10px">
                                        <em class="sale-price second-color" style="font-size: 16px;">¥ 100 </em>
                                        <em class="sale-count" style="float: right">讲师 {{course.teacherNames}}</em>
                                    </p>

                                    </p>

                                </div>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 楼层 _end -->


    <!-- 默认缓载图片 -->
    <!-- 前台首页楼层模板  -->
    <!-- 楼层 _star -->
    <!-- 楼层颜色 -->


</div>
</div>
<!-- 楼层 _end -->

<!-- #tpl_region_end -->

<!-- 左侧楼层定位 _start-->
<div class="elevator">
    <div class="elevator-floor"></div>
</div>
</div>
<style>
    .drop-item:hover {
        border: 0px
    }
</style>
<!-- 右侧边栏 _start -->
<div class="right-sidebar-con">
    <div class="right-sidebar-main">
        <div class="right-sidebar-panel">
            <div id="quick-links" class="quick-links">
                <ul>
                    <li class="quick-area quick-login sidebar-user-trigger">
                        <!-- 用户 -->
                        <a href="javascript:void(0);" class="quick-links-a">
                            <i class="setting"></i>
                        </a>
                        <div class="sidebar-user quick-sidebar">
                            <i class="arrow-right"></i>
                            <div class="sidebar-user-info">
                                <!-- 没有登录的情况 _start -->
                                <div class="SZY-USER-NOT-LOGIN" style="">
                                    <div class="user-pic">
                                        <div class="user-pic-mask"></div>
                                        <img src="img/test/default_user_portrait_0.png">
                                    </div>
                                    <br>
                                    <p>
                                        你好！请
                                        <a href="http://localhost:80/login.html">登录</a>
                                        |
                                        <a href="http://localhost:80/reg.phone.html" class="color">注册</a>
                                    </p>
                                </div>
                                <!-- 没有登录的情况 _end -->
                                <!-- 有登录的情况 _start -->
                                <div class="SZY-USER-ALREADY-LOGIN" style="display: none;">
                                    <div class="user-have-login">
                                        <div class="user-pic">
                                            <div class="user-pic-mask"></div>
                                            <img src="" class="SZY-USER-PIC">
                                        </div>
                                        <div class="user-info">
                                            <p>
                                                用&nbsp;&nbsp;&nbsp;户：
                                                <span class="SZY-USER-NAME"></span>
                                            </p>

                                        </div>
                                    </div>
                                    <p class="m-t-10">
												<span class="prev-login">
					上次登录时间：
					<span class="SZY-USER-LAST-LOGIN"></span>
												</span>
                                        <a href="http://127.0.0.1:8082" class="btn account-btn"
                                           target="_blank">个人中心</a>
                                        <a href="http://127.0.0.1:8082/trade/order" class="btn order-btn"
                                           target="_blank">订单中心</a>
                                    </p>
                                </div>
                                <!-- 有登录的情况 _end -->
                            </div>
                        </div>
                    </li>
                    <li class="sidebar-tabs">
                        <!-- 购物车 -->
                        <div class="cart-list quick-links-a sidebar-cartbox-trigger">
                            <i class="cart"></i>
                            <div class="span">购物车</div>
                            <span class="ECS_CARTINFO">
								<span class="cart_num SZY-CART-COUNT">0</span>
									<div class="sidebar-cart-box">
										<h3 class="sidebar-panel-header">
										<a href="javascript:void(0);" class="title">
											<i class="cart-icon"></i>
											<em class="title">购物车</em>
										</a>
										<span class="close-panel"></span>
									</h3>
									</div>
									</span>
                        </div>
                    </li>
                    <li class="sidebar-tabs">
                        <a href="javascript:void(0);" class="mpbtn_history quick-links-a sidebar-historybox-trigger">
                            <i class="history"></i>
                        </a>
                        <div class="popup">
                            <font id="mpbtn_histroy">我看过的</font>
                            <i class="arrow-right"></i>
                        </div>
                    </li>
                    <!-- 如果当前页面有对比功能 则显示对比按钮 _start-->
                    <li class="sidebar-tabs">
                        <a href="javascript:void(0);" class="mpbtn-contrast quick-links-a sidebar-comparebox-trigger">
                            <i class="contrast"></i>
                        </a>
                        <div class="popup">
                            对比课程
                            <i class="arrow-right"></i>
                        </div>
                    </li>
                    <!-- 如果当前页面有对比功能 则显示对比按钮 _end-->
                    <li>
                        <a href="http://127.0.0.1:8082/trade/collect" target="_blank"
                           class="mpbtn_stores quick-links-a">
                            <i class="stores"></i>
                        </a>
                        <div class="popup">
                            我收藏的学校
                            <i class="arrow-right"></i>
                        </div>
                    </li>
                    <li id="collectGoods">
                        <a href="http://127.0.0.1:8082/trade/collect" target="_blank"
                           class="mpbtn_collect quick-links-a">
                            <i class="collect"></i>
                        </a>
                        <div class="popup">
                            我的收藏
                            <i class="arrow-right"></i>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="quick-toggle">
                <ul>

                    <li class="quick-area">
                        <a class="quick-links-a" href="javascript:void(0);">
                            <i class="customer-service"></i>
                        </a>
                        <div class="sidebar-service quick-sidebar">
                            <i class="arrow-right"></i>

                            <div class="customer-service">
                                <a target="_blank" href="#">
                                    <span class="icon-qq"></span> QQ
                                </a>
                            </div>

                            <div class="customer-service">
                                <a target="_blank" href="#">
                                    <span class="icon-ww"></span> 旺旺
                                </a>
                            </div>

                        </div>
                    </li>

                    <li class="quick-area">
                        <a class="quick-links-a" href="javascript:void(0);">
                            <i class="qr-code"></i>
                        </a>
                        <div class="sidebar-code quick-sidebar">
                            <i class="arrow-right"></i>
                            <img src="img/test/mall_wx_qrcode_0.jpg">
                        </div>
                    </li>
                    <li class="returnTop" style="display: none;">
                        <a href="javascript:void(0);" class="return_top quick-links-a">
                            <i class="top"></i>
                        </a>
                        <div class="popup">
                            返回顶部
                            <i class="arrow-right"></i>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
        <div class="">
            <!--红包 start-->
            <!--红包 end-->
            <!--购物车 start-->

            <div class="right-sidebar-panels sidebar-cartbox">
                <div class="sidebar-cart-box">
                    <h3 class="sidebar-panel-header">
                        <a href="javascript:void(0);" class="title" target="_blank">
                            <i class="cart-icon"></i>
                            <em class="title">购物车</em>
                        </a>
                        <span class="close-panel"></span>
                    </h3>
                    <div class="sidebar-cartbox-goods-list">

                        <div class="cart-panel-main">
                            <div class="cart-panel-content">

                                <!-- 没有课程的展示形式 _start -->
                                <div class="tip-box">
                                    <i class="tip-icon"></i>
                                    <div class="tip-text">
                                        您的购物车里什么都没有哦
                                        <br>
                                        <a class="color" href="" title="再去看看吧" target="_blank">再去看看吧</a>
                                    </div>
                                </div>
                                <!-- 没有课程的展示形式 _end-->

                            </div>
                        </div>

                    </div>
                </div>
            </div>
            <!--购物车 end-->
            <!--浏览历史 start-->
            <!---->
            <div class="right-sidebar-panels sidebar-historybox">
                <h3 class="sidebar-panel-header">
                    <a href="javascript:;" class="title">
                        <i></i>
                        <em class="title">我的足迹</em>
                    </a>
                    <span class="close-panel"></span>
                </h3>
                <div class="sidebar-panel-main">
                    <div class="sidebar-panel-content sidebar-historybox-goods-list">
                        <!---->
                        <!---->
                        <!-- 没有浏览历史的展示形式 _start -->
                        <div class="tip-box">
                            <i class="tip-icon"></i>
                            <div class="tip-text">
                                您还没有在商城留下任何足迹哦
                                <br>
                                <a class="color" href="">赶快去看看吧</a>
                            </div>
                        </div>
                        <!-- 没有浏览历史的展示形式 _end-->
                        <!---->
                        <!---->
                    </div>
                </div>
            </div>
            <!---->
            <!--浏览历史 end-->
            <!--对比列表 start-->

            <!--对比列表 start-->
            <div class="right-sidebar-panels sidebar-comparebox">
                <h3 class="sidebar-panel-header">
                    <a href="javascript:void(0);" class="title">
                        <i class="compare-icon"></i>
                        <em class="title">宝贝对比</em>
                    </a>
                    <span class="close-panel"></span>
                </h3>
                <div>
                    <div class="sidebar-panel-main sidebar-comparebox-goods-list">

                        <div class="sidebar-panel-content compare-panel-content">

                            <!-- 没有对比课程的展示形式 _start -->
                            <div class="tip-box">
                                <i class="tip-icon"></i>
                                <div class="tip-text">
                                    您的对比宝贝什么都没有哦
                                    <br>
                                    <a class="color" href="">再去看看吧</a>
                                </div>
                            </div>
                            <!-- 没有对比课程的展示形式 _end-->

                        </div>
                    </div>

                </div>
            </div>
            <!--对比列表 end-->

            <!--对比列表 end-->
        </div>
    </div>
</div>
<!-- 右侧边栏 _end -->
<!-- 站点底部-->
<!-- 底部 _start-->

<div class="site-footer">

    <div class="footer-service">

    </div>


    <div class="footer-desc-copyright" style="border-top: 1px solid #eeeeee">

        <p class="footer-ecscinfo">
            <a href="#">首页</a>
            |

            <a href="#">隐私保护</a>
            |

            <a href="#">联系我们</a>
            |

            <a href="#">免责条款</a>
            |

            <a href="#">公司简介</a>
            |

            <a href="#">意见反馈</a>

            |
            <a rel="nofollow" target="_blank" href="#">会员登录</a>
            |
            <a rel="nofollow" target="_blank" href="http://bbs.itsource.cn/">会员论坛</a>
            |
            <a href="javascript:;" rel="nofollow">客服热线028-86261949</a>
        </p>
        <p class="footer-otherlink">
            <a title="蓉华商城" target="_blank" href="http://itsource.cn">蓉华商城</a>

            |


            <a title="菁鱼课堂" target="_blank" href="http://course.ymcc.com">菁鱼课堂</a>

            |

            <a title="资讯速递" target="_blank" href="http://course.ymcc.com">资讯速递</a>

            |

            <a title="快递查询" target="_blank" href="http://m.kuaidi100.com">快递查询</a>

            |

            <a title="论坛" target="_blank" href="http://bbs.ymcc.com/forum.php">会员论坛</a>

            |

            <a title="源代码教育咨询有限公司" target="_blank" href="http://course.ymcc.com">源代码教育咨询有限公司</a>

        </p>

        <p class="footer-beian"> ICP备案证书号:
            <a rel="nofollow" target="_blank" href="#">蜀ICP备88888888号-1</a>
            <a rel="nofollow" target="_blank" href="#"><i></i>蜀公网安备 45323525326664号</a>
        </p>
        <p class="footer-Copyright">Copyright &copy; 2017
            <a target="_blank" style="margin:0;padding:0;" href="http://">ronghuanet.cn</a> All Rights Reserved. </p>
        <p>&nbsp;</p>

        <p class="footer-fp-img">
            <a target="_blank" href="#"><img src="img/test/kxwz.png"></a>
            <a target="_blank" href="#"><img src="img/test/smyz.png"></a>
            <a target="_blank" href="#"><img src="img/test/cxyz.jpg"></a>
            <a target="_blank" href="#"><img src="img/test/hyyz.png"></a>
            <a target="_blank" href="#"><img src="img/test/jpfw.png"></a>
        </p>
    </div>

</div>

<!-- 第三方流量统计 -->
<div style="display: none;"></div>
<!-- 底部 _end-->

<script type="text/javascript" src="js/jquery.fly.min.js"></script>
<script type="text/javascript" src="js/szy.cart.js"></script>
<script type="text/javascript">
    $().ready(function () {
        $.cartbox.count = "0";
        // 缓载图片
        $("img").lazyload({
            skip_invisible: false,
            effect: 'fadeIn',
            failure_limit: 20,
            threshold: 200
        });

        new Vue({
            el: "#main",
            data() {
                return {
                    //秒杀列表
                    killCourses: [
                        {
                            id: 1,
                            coursePic: "/img/course/c3.jpg",
                            killPrice: 100,
                            teacherNames: "姚老师",
                            killing: true,
                            time: "12-03 01:01",
                            killStatusName: "立即秒杀",
                            courseName: "SpringCloud入门到超神"

                        },
                        {
                            id: 1,
                            coursePic: "/img/course/c3.jpg",
                            killPrice: 100,
                            teacherNames: "姚老师",
                            killing: true,
                            time: "12-03 01:01",
                            killStatusName: "立即秒杀",
                            courseName: "SpringCloud入门到超神"
                        }, {
                            id: 1,
                            coursePic: "/img/course/c3.jpg",
                            killPrice: 100,
                            teacherNames: "姚老师",
                            killing: true,
                            time: "12-03 01:01",
                            killStatusName: "立即秒杀",
                            courseName: "SpringCloud入门到超神"

                        },
                        {
                            id: 1,
                            coursePic: "/img/course/c3.jpg",
                            killPrice: 100,
                            teacherNames: "姚老师",
                            killing: true,
                            time: "12-03 01:01",
                            killStatusName: "立即秒杀",
                            courseName: "SpringCloud入门到超神"
                        }, {
                            id: 1,
                            coursePic: "/img/course/c3.jpg",
                            killPrice: 100,
                            teacherNames: "姚老师",
                            killing: true,
                            time: "12-03 01:01",
                            killStatusName: "立即秒杀",
                            courseName: "SpringCloud入门到超神"
                        },
                    ],
                    //课程推荐
                    recommendCourses: [
                        {
                            id: 1,
                            pic: "/img/course/c3.jpg",
                        },
                        {
                            id: 2,
                            pic: "/img/course/c1.jpg"
                        },
                        {
                            id: 1,
                            pic: "/img/course/c2.jpg"
                        },
                        {
                            id: 2,
                            pic: "/img/course/c4.jpg"
                        }
                    ],
                    //热门推荐
                    hotRecommendClourses: [
                        {
                            id: 1,
                            pic: "/img/course/c3.jpg",
                            courseName: "算法与数据结构高手养成-求职提升特训课"

                        },
                        {
                            id: 2,
                            pic: "/img/course/c1.jpg",
                            courseName: "算法与数据结构高手养成-求职提升特训课"
                        },
                        {
                            id: 1,
                            pic: "/img/course/c2.jpg",
                            courseName: "算法与数据结构高手养成-求职提升特训课"
                        },
                        {
                            id: 2,
                            pic: "/img/course/c1.jpg",
                            courseName: "算法与数据结构高手养成-求职提升特训课"
                        },
                        {
                            id: 2,
                            pic: "/img/course/c1.jpg",
                            courseName: "算法与数据结构高手养成-求职提升特训课"
                        }
                    ],
                }
            },
            methods: {
                loadKillCourses() {
                    //发起请求
                    this.$http.get("/kill/killCourse/online/all").then(res => {

                        let {success, data, message} = res.data;
                        if (success) {
                            this.killCourses = data;
                        }

                    }).catch(error => {

                    });
                }
            },
            mounted() {
                this.loadKillCourses();
            }
        });
    });
</script>
</body>
<style>
    .killStatusBtn {
        padding: 8px 12px;
        background-color: #999999;
        border: 1px solid #eeeeee;
        color: white;
        margin-left: 40px;
        border-radius: 5px;
    }

    .killStatusBtn:hover {
        color: white;
    }
</style>

</html>